<template>
  <div class="myheader">
    <span class="left">
      <slot name="left"></slot>
    </span>
    <span class="text">
      <slot name="text">asd </slot>
    </span>
    <span class="right">
      <slot name="right">asd </slot>
    </span>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.myheader {
  width: 750px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 20px;
}
.left {
  width: 65%;
  font-size: 40px;
  font-weight: 700;
}
.text {
  width: 13%;
  text-align: center;
}
.right {
  width: 13%;
  text-align: center;
}
</style>